@charset "utf-8";
footer {  height: 260px; border-top: 1px solid #eeeeee;
  .footer-top{ height: 156px; padding: 30px 0;
    .logo{ width: 290px; border-right: 1px solid #eeeeee; height: 156px; overflow: hidden;
      img{ display: block; margin-top: 15px; }
    }
    .nav{ width: 400px;
      ul{ border-right: 1px solid #eeeeee; width: 199px; float: left; height: 126px; padding-top: 30px;
        li{
          a{ display: block; text-align: center; font-size: 14px; line-height: 2em; transition: $tr4;
            &:hover{ color: #2481bb; transition: $tr4; }
          }
        }
      }
    }
    .form{ width: 418px; padding-left: 91px;
      .tit{ font-size: 16px; font-weight: bold; color: #444444; }
      label{ font-size: 12px; color: #6b6b6b; }
      textarea{ resize: none; border: 1px solid #cccccc; width: 412px; padding: 2px; height: 74px; margin-top: 5px; }
      a{ background: #2481bb; color: #fff; display: inline-block; line-height: 20px; height: 20px; width: 73px; font-size: 12px; text-align: center; transition: $tr4;
        &:hover{ box-shadow: 0 0 5px #2481bb; transition: $tr4; }
      }
    }
  }
  .footer-bar{ background: #575757; color: #b1b1b1; text-align: center; height: 44px; line-height: 44px; font-size: 12px; }
}
